<template>
  <div>
     <h1>vuex的使用 其他组件</h1>
       <!-- 在页面直接渲染state数据 -->
      <h1>使用state的数据：{{$store.state.count}}</h1>
      <h1>使用计算属性：{{$store.getters.doubleCount}}</h1>
      <button @click="$store.commit('changeCount',10)">触发mutations改变数据</button>
      <hr>
      <button @click="$store.dispatch('actCount',100)">触发actions改数据</button>
  </div>
</template>
<script>
export default {
  
}
</script>